﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Merchandise :: Hambaa.com</title>
<link rel="stylesheet" type="text/css" href="styles/Graphitti_style.css" />
<link rel="stylesheet" type="text/css" href="styles/PureCSSMenu.css" />
<link rel="stylesheet" type="text/css" href="styles/Gallery_index.css" />
<link rel="stylesheet" type="text/css" href="styles/Cart.css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Calibri">


<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="javascript/cart.js"></script>
<script src="jquery.corner.js"></script>

<script type="text/JavaScript">
$('#headertable').corner("top 15px");
$('#outertable').corner("bottom 15px");
$('#footertable').corner("15px");


$(document).ready(function() {
		
		/*$('#gallery li').hover(
		
			function(){$('span',this).slideToggle('medium');},
			function(){$('span',this).slideToggle('medium');}
			);	
			*/
		showIndex();
		function showIndex(){
		$.ajax({url:"rest/data/getIndexProducts.php",
		type:'GET',

		success:function(result){
					index = JSON.parse(result);
					//alert(result);
					var thumbs='';
					var i=0;
					while (index.productInfo[i]){
					//alert(index.productInfo[i].productId);
					thumbs+='<li>'+
							'<div style="margin-right:-2px;margin-bottom:1px"><h6>'+index.productInfo[i].productName+'</h6></div>'+
							'<a href="details.php?productId='+index.productInfo[i].productId+'" >'+
							'<img  src="images/tshirts/'+index.productInfo[i].productId+'.jpg" width="210" height="210"  />'+
							'</a>'+
							'<span>Available in '+
							'<img src="images/attributes/'+index.productInfo[i].productAttrs[0].value[0]+'.gif"> '+
							'<img src="images/attributes/'+index.productInfo[i].productAttrs[0].value[1]+'.gif"><br>'+
							'Rs. <strike>&nbsp;'+index.productInfo[i].productPrice+'&nbsp;</strike> '+ index.productInfo[i].discountPrice+
							'</span>'+														
							'</li>';							
					i++;
					}

					document.getElementById('thumbs').innerHTML=thumbs;
	},
	error:function(result){
		alert("error");	
	}
	});
	
	
	}
	
	// Bind the hover event to the function
		$('#gallery').delegate('li','hover',function(event) {
		$('span',this).slideToggle('fast');
		});
	 });
	


</script>
</head>

<body>

<table id="headertable" border="0" align="center" width="950" height="118" bgcolor="#FFFFFF">
<tr >
<td height="114" align="right" valign="bottom">
<a href="index.php"><img src="images/logopng.png" width="103" height="99" /></a></td>
<td align="left" valign="top">
<a href="index.php"><img src="images/hambaa_logo_newjpg.jpg" width="308" height="107" /></a>
</td>
<td valign="top" align="right">
    <table id="containertable" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td align="right">
        <div id="menulinks">
        <a href="index.php" class="active">Home</a>
        <a href="offers.php">Offers</a>
        <a href="about_us.php">About Us</a>
        <a href="contact_us.php">Contact Us</a>
        </div>
    </td>
    </tr>
    </table></td>
</tr>
</table>

<table id="hotitem_cart" border="0" width="950"  align="center" bgcolor="#FFFFFF" >
<tr>
<td width="8"></td>
<td width="356">
	
<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="men.php"><span>Men</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">
		
		<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Shirts</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="pureCssMenum">
			<li class="pureCssMenui"><a class="pureCssMenui" href="#">Half Sleeve</a></li>
			<li class="pureCssMenui"><a class="pureCssMenui" href="#">Full Sleeve</a></li>
			<li class="pureCssMenui"><a class="pureCssMenui" href="#">Striped</a></li>
		</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Trousers</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="pureCssMenum">
			<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Formal</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul class="pureCssMenum">
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Chrome</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Mozilla</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Opera</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Netscape Navigator</a></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Jeans</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul class="pureCssMenum">
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
				<li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
		</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="women.php"><span>Women</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">
		<li class="pureCssMenui"><a class="pureCssMenui" href="#">Sarees</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="#">Salwars</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>


</td>
<td width="164"><img src="images/hot_items.png" width="164" height="61" /></td>
<td width="55"><img src="images/tshirts/10001.jpg" height="55" width="55" /></td>
<td width="55"><img src="images/tshirts/10002.jpg" height="55" width="55" /></td>
<td width="55"><img src="images/tshirts/10003.jpg" height="55" width="55" /></td>
<td width="55"><img src="images/tshirts/10004.jpg" height="55" width="55"  /></td>	
<td  align="right" width="150" >

<a href = "javascript:void(0)" class="cartbtn" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';getShoppingCart()"><table border="0"><tr><td><img src="images/shopping_cart1.png" width="41" height="41" /></td>
<td>Cart(<span  id="order_count"></span>)</td></tr></table></a>

	<div id="light" class="white_content" >
        <div id="close_button" style="position:fixed;width:inherit;float:right" >
        <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"   ><img src="images/Close-button.png"  /></a>
        </div>   
 		<div id="table_container" style="overflow:auto" >
			<!--table created here-->             
        </div>
    </div>

	<div id="fade" class="black_overlay" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" />
        
</td>
</tr>
</table>

<table id="outertable" border="0" width="950" height="269" align="center" bgcolor="#FFFFFF" >
<tr >
<td width="690" align="center">

<table border="0" cellpadding="0" width="660">
<tr><td>				
<ul id="gallery"><span id="thumbs"></span></ul>
</td></tr>
</table>

<br />

    
</td>

<td valign="top">
	<table id="innerright" border="0" cellspacing="2"  width="260" align="right" background="images/tableback3.png">
	<tr><td><h4 >hambaa@you</h4></td></tr>
    
    <tr><td bgcolor="#FF6600"> <h6>&nbsp; Create your own design!</h6> </td></tr>
    
	<tr><td align="center">
    <iframe width="255" height="255" src="Untitled-1.html" frameborder="0" scrolling="no"  /></iframe></td></tr>

	 <tr align="center" ><td align="center"> 
         <h4>Customize your tshirt yourself</h4>
     </td></tr>
     <tr><td >
     <hr />
     </td></tr>
     
       <tr><td align="center" bgcolor="#FFFFFF" valign="middle">
    <a href = "mywishlist.php?timefilter=all" class="wishbtn" > My Wishlist</a><br><br>
    </td></tr>
    
     <tr><td bgcolor="#FF6666">

    <h6>We'd like to hear from you</h6>
    </td></tr>

	<tr align="center" ><td align="center"> 
    <h2><a href="suggest.php">Make your Suggestion</a></h2>
    
    </td></tr>
  
   
    </table>
    
    
    

</td>

</tr>


</table>
</td></tr>

</table>

 



<br />






<div id="footer" > 

<table id="footertable" border="0" width="952" height=154 align="center" bgcolor="#FFFFFF" >
<tr>
<td >
<h1>My Hambaa</h1>
</td>
<td >
<h1>Shopping Policies</h1>
</td>
<td >
<h1>Payment Information</h1>
</td>
<td >
<h1>Contact Us</h1>
</td>
</tr>

<tr>
<td>
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';getShoppingCart()">My Cart</a> |
<a href="myorder.php">My Order</a> |
<a href="faqs.php">FAQs</a>
</td>

<td >
<a href="about_us.php">Return Policy</a> |
<a href="about_us.php">Refund Policy</a> |
<a href="about_us.php">Terms and Conditions</a>
</td>

<td >
<a href="about_us.php">Payment Options: </a>COD
</td>

<td >
e-mail:
<a href="mailto:care@hambaa.com">care@hambaa.com</a>
</td>
</tr>

<tr align="center"><td colspan="4">
<hr />

&copy;2012 All Rights Reserved by <a href="index.php">www.hambaa.com</a>
</td></tr>
</table>
</div>
<!--<script type="text/JavaScript">
$(document).ready(function() {
		$('#gallery li').hover(
		
			function(){alert(this);$('span',this).slideToggle('medium');},
			function(){$('span',this).slideToggle('medium');}
			);	
});
</script>-->
</body>
</html>
